<template>
<div class="deng">
 <div class="top">
    <span>账号登录</span>
 </div>
 <div class="pic">
    <p class="phone">输入手机号</p>

 </div>
</div>
</template>

<script>
export default {

}
</script>

<style scoped>
.top{
    height: 2.75rem;
    width: 100%;
    margin: 0 10px;
   
}
.top span{
    float: right;
    margin-right: 20px;
   width: 4rem;
   height: 1.5rem;
 color: aliceblue;
   line-height: 2.75rem;
   
}
.pic{
    height: 7.5rem;
   
  width: 100%;

}
.pic .phone {
    display: flex;
    align-items: center;
    margin-top: 4.174rem;
    height: 3.147rem;
    padding: 0 2.854rem;
    line-height: 1.174rem;
   
    color: white;
    font-size: 3.067rem;
    line-height: 1.6rem;
}
.deng{
    background: url(https://static.asus.com.cn/static/wap/images/bg.png) no-repeat;
    height: 262px;
}

</style>